<template>
  <div class="app-container">
    <el-form ref="queryForm" size="small" :inline="true" label-width="68px">
      <el-form-item label="线路">
        <el-select placeholder="请选择线路" v-model="lineNo">
          <el-option v-for="item in 4" :key="item" :value="item">{{"线路"+item}}</el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
      </el-form-item>
    </el-form>
    <LineCharts :line-no="lineNo"/>
    <SleeperCanvas :line-no="lineNo"/>
  </div>
</template>

<script>
    import * as echarts from "echarts";
    import LineCharts from "./lineCharts";
    import SleeperCanvas from "./sleeperCanvas"

    export default {
        components: {LineCharts,SleeperCanvas},
        data() {
            return {
              lineNo:1
            };
        },
        mounted() {
            //this.initChart();
            //this.handleQuery()
        },
        methods: {
        },
    };
</script>
